<!DOCTYPE html>
<html>
<head>
	 <meta charset="UTF-8">
	 <meta name='viewport' content="width=device-width, initial-scale=1.0">
 	 <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
	<title>产品介绍</title>
	<link rel="stylesheet" type="text/css" href="../resources/style/reset.css">
	<link rel="stylesheet" type="text/css" href="../resources/style/introduce.css">
	<link rel="stylesheet" type="text/css" href="../resources/awe/awesome.css">
</head>
<body>
	<div class="head">
		 <iframe src="./head.html?id=1" echo="1" frameborder="0" style="width:100%;height:170px;"></iframe>
	</div>
	 <div class="head-box"></div>
	<div class="bainner" style="background-image:url(../resources/images/introduce_banner_02.png);"></div>
	<div class="main">
		<div class="box" id="article">
			
		</div>
	</div>
	<div class="footer">
		 <iframe src="./footer.html" frameborder="0" style="width:100%;height:360px;"></iframe>
	</div>
</body>
	<script type="text/javascript" src="../resources/js/jquery-1.9.1.min.js"></script>
	<script type ="text/javascript" src="../resources/js/tangram-min.js"></script>
	<script type ="text/javascript" src="../resources/js/tangram-ext.js"></script>
	<script type ="text/javascript" src="../resources/js/baiduTemplate.js"></script>
	<script type="text/template" id="main">
			[%for(var i in data){%]

				<div class="item"  style="background-image: url(../resources/images/[%=data[i].imgsrc%])">
					<div class="item-contanner">
						<div class="item-title" >
							[%if(i%2==0){%]
								<span class='subtitle'>[%=data[i].subtitle%]</span>
								<span class='theme'>[%=data[i].text%]</span> 
							[%}else{%]
								<span class='theme'>[%=data[i].text%]</span>
								<span class='subtitle'>[%=data[i].subtitle%]</span>
							[%}%]
						</div>
						<div>
							<dl class="des clearfix">
								<dt><i class="fa fa-tag"></i>&nbsp;[%=data[i].destitle%]</dt>
								[%for(var j in data[i].des){%]
								 <dd><i class="fa  fa-check"></i>&nbsp;&nbsp;[%=data[i].des[j].text%]</dd>
								[%}%]
							</dl>
						</div>
					</div>
				</div>
				
			[%}%]
	</script>
	<script>
		var o_id=1;
		var json={"data":[
			{
				"text":"等级医院评审迎检系统",
				"subtitle":"快速了解标准及其支撑文档",
				"destitle":" 内置评审标准",
				"imgsrc":"introduce_img_03.png",
				"des":[
					{
						"src":"",
						"text":"内置二、三级评审标准实施细则"
					},
					{
						"src":"",
						"text":"支持多省份评审标准",
					},
					{
						"src":"",
						"text":"按章、节、条款、要点有序排列",
					},
					{
						"src":"",
						"text":"附带多种形式的参考要点",
					}
				]
			},
			{
				"text":"医疗安全（不良）事件报告系统",
				"subtitle":"符合等级医院评审实施细则",
				"destitle":"事件上报功能",
				"imgsrc":"introduce_img_06.png",
				"des":[
					{
						"src":"",
						"text":"医院安全（不良）事件"
					},
					{
						"src":"",
						"text":"药品不良事件报告"
					},
					{
						"src":"",
						"text":"医疗器材安全事件"
					},

				]
			}
		]}
		var options={
				getArticle:function(){
					$("#article").html(baidu.template("main",json));
				}
		}
		options.getArticle();
	</script>
</html>